<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/shopcar.css">
    <script src="../js/jquery-3.4.1.js"></script>
    <script src="../js/shopcar.js"></script>
</head>

<body>
    <div class="head"></div>
    <div class="main">
        <div>
            <div class="car-part1">
                <span>我的购物车</span><i></i><span>考拉自营商品已免运费</span>
            </div>
            <div class="car-part2">
                <input type="checkbox" name="" id="" class="cheAll"><label for="">全选</label>
                <span>商品信息</span>
                <span>单价(元)</span>
                <span>数量</span>
                <span>金额(元)</span>
                <span>操作</span>
            </div>
            <div class="car-part3">
                <input type="checkbox" name="" id="">
                <span>自营</span><span>自营包税仓</span>
            </div>
            <div class="car-part4">
                <ul>
                    <!-- <li class="car-part4-list">
                        <div class="goods-list">
                            <input type="checkbox" name="" id="">
                            <div class="p4-detil">
                                <img src="" alt="">
                                <div>
                                    <p>Cure 酷韵 东洋 去角质凝胶 温和不刺激 日本进口 250g</p>
                                    <i></i>
                                    <p>支持7天无忧退货</p>
                                </div>

                            </div>
                            <div class="p4-price">
                                <del>149</del>
                                <p>129</p>
                            </div>
                            <div class="p4-number">
                                <span>-</span>
                                <input type="text">
                                <span>+</span>
                            </div>
                            <span class="p4-count"></span>
                            <div class="p4-action">
                                <p>删除</p>
                                <p>移入我的收藏</p>
                            </div>
                        </div>
                    </li> -->
                </ul>
            </div>
            <div class="car-part5">
                <div class="p5-left">
                    <input type="checkbox" name="" id="" class="cheAll02">
                    <span>全选</span><span>删除选中商品</span>
                </div>
                <div class="p5-center">
                    <span>已选商品<em class="em-num">1</em>件</span><span>总价(不含运费):<em class="em-count">387</em></span>
                </div>
                <a>去结算</a>
            </div>
        </div>

    </div>
    <div class="foot"></div>
    <script>
        $(".head").load("./head.html")
        $(".foot").load("./footer1.html")
    </script>
</body>

</html>